<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>   
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> 
<%
request.setCharacterEncoding("UTF-8");
%>  
<html>   
<head>   
	<meta http-equiv="Expires" content="-1" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
	<meta name="viewport" content="width=device-width" />
    <link href="/DP_Home/css/dphome.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/DP_Home/js/common.js"></script>
<script type="text/javascript">
	function fnImgBlur(strId){
		document.getElementById(strId).className = "imgBlur";
	}
	
	function fnImgSharp(strId){
		document.getElementById(strId).className = "imgSharp";
	}
	
	function showImgLayerPop(strId){
		
		if(strId != ""){
			var imgSrc = document.getElementById(strId).src;
			
			//layer pop img set
			document.getElementById("targetImg").src = imgSrc;
			
			//js function 
			CenterLayer("imgLayer");
			
			document.getElementById("imgLayer").style.display = "block";
			
		}else{
			document.getElementById("imgLayer").style.display = "none";
		}
	}
</script>
</head>   
<body>         
<table class="wrap">
	<tr>
		<td><spring:message code="label.press"/></td>
	</tr>
</table>
<br />
<br />
<table>
	<tr>
		<td width="20%">&nbsp;</td>
		<td>
			<a href="javascript:showImgLayerPop('pressImg05');" onmouseover="fnImgSharp('pressImg05');" onfocus="fnImgSharp('pressImg05');" onmouseout="fnImgBlur('pressImg05');" onblur="fnImgBlur('pressImg05');">
			<img src="/DP_Home/images/2013_student support center.jpg" id="pressImg05" width="150" height="150" class="imgBlur" />
			</a>
		</td>
		<td>
			<a href="javascript:showImgLayerPop('pressImg04');" onmouseover="fnImgSharp('pressImg04');" onfocus="fnImgSharp('pressImg04');" onmouseout="fnImgBlur('pressImg04');" onblur="fnImgBlur('pressImg04');">
			<img src="/DP_Home/images/2012_10_ISICO.jpg" id="pressImg04" width="150" height="150" class="imgBlur" />
			</a>
		</td>
		<td>
			<a href="javascript:showImgLayerPop('pressImg03');" onmouseover="fnImgSharp('pressImg03');" onfocus="fnImgSharp('pressImg03');" onmouseout="fnImgBlur('pressImg03');" onblur="fnImgBlur('pressImg03');">
			<img src="/DP_Home/images/2012_02_CVG.jpg" id="pressImg03" width="150" height="150" class="imgBlur" />
			</a>
		</td>
		<td>
			<a href="javascript:showImgLayerPop('pressImg02');" onmouseover="fnImgSharp('pressImg02');" onfocus="fnImgSharp('pressImg02');" onmouseout="fnImgBlur('pressImg02');" onblur="fnImgBlur('pressImg02');">
			<img src="/DP_Home/images/2012_01_06_CVG.jpg" id="pressImg02" width="150" height="150" class="imgBlur" />
			</a>
		</td>
		<td>
			<a href="javascript:showImgLayerPop('pressImg01');" onmouseover="fnImgSharp('pressImg01');" onfocus="fnImgSharp('pressImg01');" onmouseout="fnImgBlur('pressImg01');" onblur="fnImgBlur('pressImg01');">
			<img src="/DP_Home/images/2011_shibuya.jpg" id="pressImg01" width="150" height="150" class="imgBlur" />
			</a>
		</td>
		<td width="20%">&nbsp;</td>
	</tr>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="imgLayer" style="display:none; width:500px; height:320px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showImgLayerPop('');" style="background-color:#000000; padding:2px;">	
		<tr>
			<td><img src="" id="targetImg" width="490" height="590" /></td>
		</tr>		
	</table>
</div>
</body>   
</html>  